<template>
  <div class="footer">
    <div class="footer_item" @click="$router.push({path:'/supervise'})">
      <div class="item_fl">
        <img src="~assets/img/jiandu@2x.png" alt />
      </div>
      <div class="item_fr">
        <span>公共监督</span>
        <span>积极参与山体管理监督</span>
      </div>
    </div>
    <div class="footer_item" @click="$router.push({path:'/upload',query:{type:'hdcanyu'}})">
      <div class="item_fl">
        <img src="~assets/img/hudong@2x.png" alt />
      </div>
      <div class="item_fr">
        <span>互动参与</span>
        <span>上传照片完善山体信息</span>
      </div>
    </div>
  </div>
</template>

<script>
import {getArticleList} from 'api/access'
export default {
  name: "Footer",
};
</script>

<style lang="less" scoped>
.footer {
  display: flex;
  .footer_item {
    padding-top: 20px;  
    height: 55px;
    width: 50%;
    box-shadow: 0px 0px 15px 0px rgba(98, 172, 112, 0.14);

    .item_fl {
      width: 35px;
      img {
        float: left;
        width: 100%;
      }
    }
    .item_fr {
      flex: 1;
      color: #555;
      line-height: 20px; 
      transform: scale(.8);
      & span:nth-child(1) {
        display: block;
        font-size: 16px;
      }
        & span:nth-child(2) { 
        font-size: 12px;
      }
    }
  } 
  & .footer_item:nth-child(1){
    padding-left: 10px
  }
}
</style>